
<!-- BEGIN:main -->
<style type="text/css">
    .menu
    {
        width:70%; 
        height:30px; 
        line-height:30px;
        margin:0 auto;
        float: left;
    }
    .menu li
    {
        position:relative;
        display:inline-block;
        width:auto;
        text-align: center;
    }
    .menu li ul
    {
        position:absolute; 
        display:none;
        text-align: left;
    }
    .menu li:hover ul
    {
        display:block;
    }
    .menu a
    {
        display:block; 
        color:#000;
        /*background:#606c88;*/
    }

    /*Level 1*/
    .menu ul li
    {
        float:left;
        width: auto;
    }
    .menu ul li a
    {
        width: 150px;
        padding-left:3%; 
        padding-right:3%; 
        text-transform:uppercase; 
        font-weight:bold;
    }
    /*Level 2*/
    .menu ul li ul
    {
        position:absolute; 
        top:100%; 
        left:0; 
        width:100%; 
        background: #fff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .menu ul li ul li
    {
        width:100%;
        text-align: left;
        
    }
    .menu ul li ul li a
    {
        width: 500px;
        padding-left:3%;
        padding-right:3%;
    }
    
    /* Level +++ */
    .menu ul ul ul
    {
        width:100%;
        left:100%;
        top:0;
        background:#a1b1d4;
    }
    .menu ul ul ul li
    {
        width:100%;
    }
    .menu ul ul ul li a
    {
        width:94%;
        padding-left:3%;
        padding-right:3%;
    }

</style>





<div id="d_header">
    <span class="version"></span>
    <span class="d_site_name">{SITENAME}</span>
</div>

<div id="header-box">

    <div id="module-status" style="float: right">	 
        <span class="logout">            
            <a href=".?com=com_login&action=logout">Thoát</a>
        </span>
    </div>


    <span  style="float: right; line-height: 16px; padding: 4px 10px 0 22px; margin-bottom: 5px; ">
        <a href=".?com=com_profile"> 
            {FULLNAME}
        </a>
    </span>


    <div class="menu">

        <ul>
            <li>

                <a href=".">Hệ thống</a>

                <ul>

                    <!-- BEGIN:configuration_management -->
                    <li >
                        <a href=".?com=com_configuration">Cấu hình</a>
                    </li>
                    <!-- END:configuration_management -->



                    <!-- BEGIN:user_management -->                
                    <li>
                        <a href=".?com=com_user&task=view">Quản lý thành viên</a>
                    </li>
                    <!-- END:user_management -->

                </ul>
            </li>





            <li >
                <a>Danh mục</a>

                <ul >

                    <!-- BEGIN:menu_category_management -->
                    <li >
                        <a href=".?com=com_menu&view=category&task=view">Menu</a>
                    </li>         
                    <!-- END:menu_category_management -->


                    <!-- BEGIN:field_management -->
                    <li >
                        <a href=".?com=com_field&view=field&task=view">Quản lý Lĩnh vực</a>
                    </li>  
                    <!-- END:field_management -->




                    <!-- BEGIN:unit_management -->                 
                    <li >
                        <a href=".?com=com_unit&view=unit&task=view">Quản lý Sở ngành</a>
                    </li>   
                    <!-- END:unit_management -->


                </ul>                
            </li>






            <li>
                <a>Chức năng chính</a>                
                <ul >

                    <!-- BEGIN:article_management -->
                    <li >
                        <a href=".?com=com_article&view=article&task=view">Quản lý Bài viết</a>
                    </li>  
                    <!-- END:article_management -->


                    <!-- BEGIN:article_category_management -->
                    <li >
                        <a  href=".?com=com_article&view=category&task=view">Quản lý Chủ đề</a>
                    </li>     
                    <!-- END:article_category_management -->


                    <!-- BEGIN:item_management -->
                    <li >
                        <a  href=".?com=com_item&view=item&task=view">Sản phẩm</a>
                    </li> 
                    <!-- END:item_management -->


                    <!-- BEGIN:item_category_management -->
                    <li >
                        <a href=".?com=com_item&view=category&task=view">Nhóm sản phẩm</a>
                    </li> 
                    <!-- END:item_category_management -->


                    <!-- BEGIN:property_management -->
                    <li >
                        <a href=".?com=com_property&task=view">Thuộc tính sản phẩm</a>
                    </li>  
                    <!-- END:property_management -->

                    <!-- BEGIN:order_management -->
                    <li >
                        <a href=".?com=com_orders&task=view">Hoá đơn đặt hàng</a>
                    </li>    
                    <!-- END:order_management -->


                    <!-- BEGIN:procedure_management -->
                    <li >
                        <a href=".?com=com_procedure&view=procedure&task=view">Quản lý TTHC</a>
                    </li>  
                    <!-- END:procedure_management -->

                </ul>
            </li>





            <li><a>Thành phần</a>

                <ul >


                    <!-- BEGIN:logo_management -->
                    <li >
                        <a href=".?com=com_logo&view=group&task=view">Quản lý logo</a>
                    </li>
                    <!-- END:logo_management -->



                    <!-- BEGIN:slideshow_management -->
                    <li >
                        <a href=".?com=com_slideshow&task=view">Quản lý slideshow</a>
                    </li>
                    <!-- END:slideshow_management -->



                    <!-- BEGIN:image_category_management -->
                    <li >
                        <a href=".?com=com_image&view=category&task=view">Quản lý album</a>                              
                    </li>
                    <!-- END:image_category_management -->



                    <!-- BEGIN:video_management -->
                    <li >
                        <a href=".?com=com_video&task=view">Quản lý video</a>
                    </li>
                    <!-- END:video_management -->

                    <!-- BEGIN:logo_category_management -->
                    <li >
                        <a href=".?com=com_logo&view=category&task=view">Quản lý logo</a>
                    </li>
                    <!-- END:logo_category_management -->

                </ul>

            </li>

        </ul>


    </div>
    <div class="d_clear"></div>
</div>

<!-- END:main -->